page{
		// background: #f8fafc;
		background: #eee;
		height: 100%;
	}
.main-body{
	width:100%;
	padding:20rpx;
	background: #fff;
	border:1px solid green;
	// margin:20rpx 0;
	h2{
		font-size: 36rpx;
		border-bottom:1px solid #eee;
		padding:10rpx;
		display: flex;
		align-items: center;
		font-weight: bold;
		&::before{
			content: "";
			width:6rpx;
			height:24rpx;
			background: #f00;
			margin:0 8rpx 0 0;
		}
	}
}
.up-btn{
	    width: 100px;
	    height: 100px;
	    overflow: hidden;
	    margin: 5px;
	    background: #f4f5f6;
	    position: relative;
	    border-radius: 4px;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
		flex-direction: column;
		&::before{
			font: normal normal normal 14px/1 "uicon-iconfont";
			content: "\e62d";
			font-size: 40rpx;
			color:#666;
			margin:16rpx 0;
		}
		&>.text{
			color:#666;
				font-size: 26rpx;
		}
}
.bg-white{
	background: #fff;
}
uni-page-body{
	height: 100%;
}
.u-form-item--left__content{
	display: flex;
	
	.u-form-item--left__content--required{
		position: relative !important;
		left:0  !important;
	}
}
@import './tailwind.scss';